<template>
  <div class="zc">
    <nav-header :user="user_name"></nav-header>
    <div class="zcNav">
      <div class="left">
        <left-menu></left-menu>
      </div>

    </div>
  </div>
</template>


<script>
import NavHeader from "@/components/NavHeader";
import leftMenu from "@/components/leftMenu";
import { api } from "./api/index";
import { exportExcel } from "@/api/download";

export default {
  data() {
    return {
        user_name:""
    };
  },
  components: {
    NavHeader,
    leftMenu,
  },
  methods: {
    
  },
  mounted() {

  },
};
</script>



<style lang='scss' scoped>
.zc {
  width: auto;

  height: 100%;

}

.zcNav {
  height: calc(100% - 60px);
  display: flex;
  justify-content: flex-start;
  .rightNav {
    background: #fff;
    // width: calc(100% - 20px);
    width: auto;
    .first {
      height: 50px;
      background: #eee;
      line-height: 50px;
      font-weight: bold;
      line-height: 50px;
      font-size: 20px;
      padding-left: 30px;
      letter-spacing: 10px;
      display: flex;
      justify-content: flex-start;
    }
    .second {
      width: auto;
      // width: calc(100% - 260px);
    }
    .pages {
      width: 100%;
      height: 70px;
      line-height: 70px;
      text-align: right;
      .inPages {
        margin-top: 40px;
        height: 30px;
        margin-right: 5px;
      }
    }
  }
}

</style>    



